body {
  font-family: "\5FAE\8F6F\96C5\9ED1",  Helvetica, Arial, sans-serif;
  color: #333;
  min-width:1100px;
}
h4{border-left:3px solid #dddddd;background-color:#f5f5f5;padding:5px;margin:10px 0 5px;}
h5{border-left:2px solid #dddddd;background-color:#f5f5f5;padding:3px;margin:10px 0 5px;}
h6{padding:0;margin:5px 0;}

.navbar.navbar-fixed-top{_margin-bottom:10px;}
.fl{float:left;}
.fr{float:right;}
.clearfix{clear:both;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none;}
.container{width:1000px; margin:0 auto;}
.header{ line-height:80px; background:#111111; color:#fff;}
.nav_list{float:right;}
.nav_list a{color:#fff; display:block; padding:0 10px; height:25px; line-height:25px;}
.nav_list a:hover{background:#fff; color:#111; border-radius:15px;}
.nav_list>li.active>a,.nav_list>li.active>a:focus,.nav_list>li.active>a:hover{background:#fff; color:#111;}
.logo{font-size:30px; font-weight:bolder;}

.banner{ height:450px; position: relative; color:#fff;}
.banner-box { width:1000px; height: 450px; overflow: hidden;}
.banner-box img{ margin-top:45px;}
.font_size_18{font-size:18px;}

.news{padding-top:40px;}
.news ul li{ width:310px; overflow:hidden; margin-right:12px;}
.date{ background:#4c9d2f; color:#fff; width:90px; height:90px; text-align:center; float:left;}
.date b{ display:block; font-size:40px;}
.new_text { float:right; width:195px; overflow:hidden;}
.new_text h2{ font-size:16px; padding:0; margin:0; display:block; white-space:nowrap;margin-bottom:5px;}
.new_text p{ color:#999;text-align:justify;text-justify:distribute-all-lines; line-height:24px; }

.gray_eee{background:#efefef; padding:30px 0;}
.big_icon{ margin:30px auto;}
.big_icon ul li{ text-align:center; margin: 25px;}
.icon{ display:block;}
.big_icon i.icon{background-color:; border-radius:100%; width:180px; height:180px; margin-bottom:10px; border:2px solid #ddd;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out; cursor:pointer;background-size: 60%;}
.big_icon i.icon:hover{transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);}
.icon_1{ background:url(../images/icon_1.png) center no-repeat; width:86px; height:92px;}
.icon_2{ background:url(../images/icon_2.png) center no-repeat; width:106px; height:91px;}
.icon_3{ background:url(../images/icon_3.png) center no-repeat; width:71px; height:99px;}
.icon_4{ background:url(../images/icon_4.png) center no-repeat; width:92px; height:102px;}
.big_icon i.icon_1:hover{border-color:#ea9518}
.big_icon i.icon_2:hover{border-color:#e6437b}
.big_icon i.icon_3:hover{border-color:#2aa515}
.big_icon i.icon_4:hover{border-color:#00b3e3}

.works{ padding:40px 0 30px 0;}
.works ul li{ text-align:center; margin:10px 5px; padding:10px; background-color:#fff;}
.works ul li:hover{background:#fff; box-shadow:0 5px 5px rgba(0,0,0,0.3); transition: all 0s;  -webkit-transform: all 0s; }
.works ul li .p_img{	width:210px; height:150px; overflow:hidden; line-height:150px; background:#eee}
.works ul li .p_img img{ width:100%;}
.works ul li:hover img{  transform: scale(1.3);  transition: all 1s ease 0s;  -webkit-transform: scale(1.3);   -webkit-transform: all 1s ease 0s; background-size:contain}
.works ul li p{ width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.works h4{ background:#eee; height:50px;  line-height:50px; text-align:center;}
.center_title{padding-bottom:35px;}
.center_title h3{ width:200px; text-align:center; border-top:3px solid #333; margin:0 auto; position:relative;}
.center_title b{display:block;background-color:#eee; padding:0 10px; position:absolute; top:-15px; left:40px;}

.productSystem b{ background:#fff;}
.productSystem ul li p,
.service ul li p{ width:auto; overflow:auto; text-overflow:inherit; white-space:inherit; text-align:left; text-indent:2em; line-height:24px; color:#fff;}
.productSystem ul li{ width:450px; margin-left:22px; vertical-align:top;}
.productSystem ul li>div{ padding:20px;border-radius:5px;}
.productSystem h3{ padding:20px 0;}
.productSystem h1{ padding:40px 0; color:#fff;}
.productSystem  .blue{ background:#2196f3;}
.productSystem  .green{ background:#6bc04b;}
.productSystem  .red{ background:#ff0000;}
.productSystem  .yellow{ background:#ffc700;}
.service ul li{ vertical-align:top; border-right:#ccc 1px solid; }
.service ul li.last{border-right:none;}

.small_icon{ margin:80px auto;}
.small_icon b{ background:#fff;}
.small_icon i.icon{background-color:#ddd; border-radius:100%; width:100px; height:100px; margin-bottom:10px;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out; cursor:pointer;}
.small_icon i.icon:hover{transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg); 
background-color:#56A000}
.small_icon ul li{ text-align:center; margin:0 3px;}
.icon_5{ background:url(../images/icon_5.png) center no-repeat;}
.icon_6{ background:url(../images/icon_6.png) center no-repeat;}
.icon_7{ background:url(../images/icon_7.png) center no-repeat;}
.icon_8{ background:url(../images/icon_8.png) center no-repeat;}
.icon_9{ background:url(../images/icon_9.png) center no-repeat;}
.icon_10{ background:url(../images/icon_10.png) center no-repeat;}
.icon_11{ background:url(../images/icon_11.png) center no-repeat;}
.icon_12{ background:url(../images/icon_12.png) center no-repeat;}
.icon_5:hover{ background:url(../images/b_icon_5.png) center no-repeat;}
.icon_6:hover{ background:url(../images/b_icon_6.png) center no-repeat;}
.icon_7:hover{ background:url(../images/b_icon_7.png) center no-repeat;}
.icon_8:hover{ background:url(../images/b_icon_8.png) center no-repeat;}
.icon_9:hover{ background:url(../images/b_icon_9.png) center no-repeat;}
.icon_10:hover{ background:url(../images/b_icon_10.png) center no-repeat;}
.icon_11:hover{ background:url(../images/b_icon_11.png) center no-repeat;}
.icon_12:hover{ background:url(../images/b_icon_12.png) center no-repeat;}

.customer{ margin:30px auto;}
.customer ul li{ margin:10px 0; width:220px; height:70px;}
.customer ul li img{ width:100%;}
.customer ul li label{ background:rgb(180, 223, 255); border-radius:5px; width:220px; text-align:center; height:70px; line-height:70px; margin:10px 0;}
.customer ul li label:hover{ background:#ffc700; color:#fff;}

.footer{background:#111; padding:35px 0 25px; color:#fff;}
.footer a{color:#ddd;}
.footer a:hover{color:#fff;}
.middle_icon .icon{background-color:#111; border-radius:100%; border:3px solid #999 ; width:100px; height:100px; margin-bottom:10px; vertical-align:middle;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out; cursor:pointer;}
.middle_icon .icon:hover{transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg); }
.icon_13{ background:url(../images/qrcode.png) center no-repeat;}
.icon_14{ background:url(../images/icon_13.png) center no-repeat;}
.icon_15{ background:url(../images/icon_14.png) center no-repeat;}
.middle_icon h2{ float:left;}
.footer .links{ border-top:#fff 1px solid; padding-top:15px; line-height:30px;}
.footer p{ line-height:35px;}

.padding_t_b_10{padding:10px 0;}
.in_banner{margin-top:15px;}
.breadcrumb {background-color: #ffffff;}

.newsList{padding:20px 0;}
.newsList  .list-group-item{overflow:hidden; border:none;}
.newsList .new_text{ width:550px; margin-left:10px;}
.newsList a{color:#0099e0; white-space:nowrap;}
.newsList a:hover{ color:#006BB9}
.hor_news{ width:250px; border:#ddd 1px solid; border-radius:5px; padding:10px; line-height:24px; margin-bottom:15px;}
.hor_news ul li a{ display:inline-block; width:220px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.left_menu{ width:250px; height:100%; font-size:16px; text-align:center; padding-top:15px;}
.right_content{ width:680px; padding-top:15px;}
.right_content h3{margin-bottom:20px; margin-top:0;}
.right_content h4{ background:#eee; padding:10px;}
.right_content p{ line-height:30px; text-align:justify; text-justify:distribute-all-lines;}
.left_menu a.hover{ color:#2196f3}
.map{ width:680px; height:300px; background:url(../images/01.png) center center no-repeat; background-size:cover;}

.detail{padding:20px; line-height:30px;}
.detail_txt{padding-top:15px;}
.detail_txt img{ width:950px;}

/* slide */
.slide-main{height:450px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:210px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:40px;}
.next{right:40px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:540px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:450px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:450px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:#ff6900 url(../images/banner_bg.png) repeat;}
#bgstyleb{background:#01b3b5;}
#bgstylec{background:#e4e9ed url(../images/1.jpg) -200px no-repeat;}
.slide a{display:block;width:100%;height:450px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:0px;}
.obj-b{top:330px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:110px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:366px;height:300px;margin-left:-460px;top:50px;z-index:12;}
.obj-f{width:692px;height:394px;top:130px;margin-left:-90px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }